<template>
  <footer class="h-[120px] relative mt-auto">
    <div
      class="absolute inset-0 bg-gray-950 bg-opacity-50 flex flex-col justify-center items-center"
    >
      <div class="text-white">
        <div class="text-center">©2020 By {{ $t('username') }}</div>
        <div class="text-center">©nuxt</div>
      </div>
    </div>
  </footer>
</template>

<style lang="scss" scoped>
footer {
  background-image: url(~/assets/images/page_footer.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
</style>
